
.dx-pivotgrid-fields-container {
    .dx-sort, .dx-header-filter {
        display: inline-block;
    }

    .dx-area-field-content {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    &.dx-drag {
        .dx-area-field-content {
            display: inline-block;
        }

        .dx-column-indicators {
            float: none;
            display: inline-block;
        }
    }
}

.dx-pivotgrid {
    cursor: default;
    width: 100%;
    position: relative;

    &.dx-overflow-hidden {
        overflow: hidden;
    }

    .dx-area-data-cell, .dx-area-column-cell {
        width: 100%;
    }

    .dx-area-data-cell {
        position: relative;
    }

    table, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
    }

    table {
        border-collapse: collapse;
        table-layout: auto;
        border-spacing: 0;
    }

    td {
        vertical-align: top;
        .box-sizing(content-box);
    }

    .dx-area-description-cell {
        position: relative;
        .background-clip(padding-box);  //T379462
        .dx-pivotgrid-fields-area {
            position: absolute;
            bottom: 0;
        }
    }

    .dx-area-field-content {
        display: inline-block;
     }

     .dx-column-indicators {
        display: inline-block;
      }

     .dx-expand-icon-container {
         position: relative;
         display: inline-block;
     }

    .dx-incompressible-fields {
        .dx-pivotgrid-fields-area {
            position: static;
        }

        .dx-column-indicators {
            vertical-align: top;
            float: none !important;
        }

        .dx-area-field {
            display: inline-block;
            white-space: nowrap;
        }

    }

    .dx-area-field {
        white-space: nowrap;
    }

    .dx-area-field-content {
        white-space: nowrap;
    }

    .dx-popup-content {
        .dx-column-indicators {
            float: none !important;
            display: inline-block;
        }

        .dx-area-field-content {
            display: inline-block;
        }
    }
    .dx-pivotgrid-area {
        white-space: nowrap;
    }

    .dx-pivotgrid-collapsed,
    .dx-pivotgrid-expanded {
        cursor: pointer;
        .dx-expand {
            display: inline-block;
        }
    }

    .dx-word-wrap{
         .dx-pivotgrid-area {
            white-space: normal;
        }

        .dx-pivotgrid-collapsed,
        .dx-pivotgrid-expanded,
        .dx-pivotgrid-sorted {
            white-space: nowrap;

            > span {
                white-space: normal;
            }
        }
    }

}

.dx-pivotgridfieldchooser {
    position: relative;

    .dx-pivotgridfieldchooser-container {
        overflow: hidden;
    }

    .dx-col {
        width: 50%;
        float: left;
    }

    .dx-area-caption {
        vertical-align: middle;
    }
}
